<!-- 头部 -->
{include file="public/top" /}
<style>
    .outside{
        position: relative;
        color:#fff;
        text-align:center;
    }
    .desc{
        position: absolute;
        left:18px;
        top:5px;
        font-size:19px;
        color:#fff;

    }
    .num{
        position: absolute;
        left:39%;
        top:38%;
        font-size:30px;
        color:#fff;
    }
</style>
<script src="__ADMIN__/js/echarts.common.min.js"></script>
<!-- /头部 -->
<div class="main-container" id="main-container">
    <!-- left -->
    {include file="public/left" /}
    <!-- /left -->
    <!-- /section:basics/sidebar -->
    <div class="main-content">
        <div class="main-content-inner">
            <!-- #section:basics/content.breadcrumbs -->
            <div class="breadcrumbs" id="breadcrumbs">
                <script type="text/javascript">
                    try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
                </script>
                <ul class="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i>
                        <a href="#">首页</a>
                    </li>
                </ul><!-- /.breadcrumb -->
            </div>
            <!-- /section:basics/content.breadcrumbs -->
            <div class="page-content" style="">
                <!-- /section:settings.box -->
                <div class="page-header">
                    <h1>
                        首页
                        <small>
                            <i class="ace-icon fa fa-angle-double-right"></i>
                            开源云采集引擎
                        </small>
                    </h1>
                </div><!-- /.page-header -->
                <div class="row" >
                    <div class="col-xs-12" >
                        <!--<div   style="float:right" >-->
                            <!--<form class="form-search" method="get" action="http://www.finndy.test/midycp.php">-->
<!--<span class="input-icon">-->
<!--<input name="cnameandid" type="text" placeholder="搜索数据源ID或名称" class="nav-search-input" id="nav-search-input" autocomplete="off">-->
<!--<i class="ace-icon fa fa-search nav-search-icon"></i>-->
<!--</span>-->
                                <!--<input type="hidden" name="action" value="robots">&nbsp;&nbsp;&nbsp;-->
                                <!--<button class="btn btn-xs btn-info btn-round input-mini" type="submit">&nbsp;查看&nbsp;</button>-->
                            <!--</form>-->
                        <!--</div>-->
                        <div class="hr hr12 dotted"></div>
                        <div class="clearfix">
                            {if condition='$usertype eq 3 '}
                            <div class="grid4 center">
                                <span id="clkcount" class="bigger-175 blue">{$robotstatistics.all|default= 0}</span>

                                <br>
                                数据源总数
                            </div>
                            <div class="grid4 center">
                                <span class="bigger-175 blue">&nbsp; <span id="regcount">{$robotstatistics.today|default= 0}</span></span>
                                <br>
                                &nbsp;&nbsp; 今日新增数据源数
                            </div>
                            <div class="grid4 center">
                                <span class="bigger-175 blue">&nbsp; <span id="regcount">{$userscounts.all|default= 0}</span></span>
                                <br>
                                &nbsp;&nbsp; 总用户数
                            </div>
                            <div class="grid4 center">
                                <span class="bigger-175 blue">&nbsp; <span id="regcount">{$userscounts.week|default= 0}</span></span>
                                <br>
                                &nbsp;&nbsp; 最近7天新增用户数
                            </div>
                            {else /}
                            <div class="grid4 center">
                                <span id="clkcount" class="bigger-175 blue">{$robotstatistics.all|default= 0}</span>

                                <br>
                                数据源总数
                            </div>
                            <div class="grid4 center">
                                <span class="bigger-175 blue">&nbsp; <span id="regcount">{$robotstatistics.thismonth|default= 0}</span></span>
                                <br>
                                &nbsp;&nbsp; 最近30天新增数据源数
                            </div>
                            <div class="grid4 center">
                                <span class="bigger-175 blue">&nbsp; <span id="regcount">{$robotstatistics.thisweek|default= 0}</span></span>
                                <br>
                                &nbsp;&nbsp; 最近7天新增数据源数
                            </div>
                            <div class="grid4 center">
                                <span class="bigger-175 blue">&nbsp; <span id="regcount">{$robotstatistics.today|default= 0 }</span></span>
                                <br>
                                &nbsp;&nbsp; 本日新增数据源数
                            </div>
                            {/if}

                        </div>
                        <div class="hr hr12 dotted"></div>
                        <br>
                        <h5 class="row" style="margin-bottom:0px;">
                            <span class="col-sm-7">
                                <span style="height: 28px;line-height: 28px;">
                                    <span style="height: 28px;line-height: 28px;">数据源趋势图</span>
                                </span>
                            </span>
                        </h5>
                        <div class="widget-body" style="display: block;">
                            <div class="widget-main padding-4">
                                <div id="main" style="width:1700;height:360px;"></div>
                            </div><!-- /.widget-main -->
                        </div>
                    </div>
                </div>
             </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    window.jQuery || document.write("<script src='__ADMIN__/js/jquery.js'>"+"<"+"/script>");
</script>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        window.onresize = myChart.resize;
        option = {

            grid:{
                x:40,
                x2:0,
                y:20,
                height:250
            },
            xAxis: {
                type: 'category',

                data: {$date}
            },
            yAxis: {
                type: 'value',

            },
            series: [{
                data:{$data},
                type: 'line',

            }]
        };


        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
